<script setup lang="ts">
import DemoBox from '@/components/DemoBox/DemoBox.vue';
import ClickCode from './Click.vue?raw';
import HoverCode from './Hover.vue?raw';
import ContextmenuCode from './Contextmenu.vue?raw';
import Click from './Click.vue';
import Hover from './Hover.vue';
import PageLayout from '@/components/PageLayout.vue';
import Contextmenu from './Contextmenu.vue';

const section = ['点击触发', 'hover触发', '右键菜单'];
</script>

<template>
    <PageLayout :section="section">
        <DemoBox :code="ClickCode" title="点击触发">
            <Click />
            <template #description> 几何</template>
        </DemoBox>
        <DemoBox :code="HoverCode" title="hover触发">
            <Hover />
            <template #description> 几何</template>
        </DemoBox>
        <DemoBox :code="ContextmenuCode" title="右键菜单">
            <Contextmenu />
            <template #description> 几何</template>
        </DemoBox>
    </PageLayout>
</template>
